<!DOCTYPE html>
<html>
<head>
<meta name="Description" content="Une application mobile unique pour un mariage unique.">
<meta name="Keywords" content="wedding box, mariage, application mobile, appstore, google play, iphone, android, iphone 5, samsung galaxy s3, promesse d'une vie">
<title>Promesse d'une Vie</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link type="text/css" rel="stylesheet" media="screen" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/wedding_form.js" charset="utf-8"></script>
<script type="text/javascript">	
</script>
</head>

<body>
	<div class="hp">	
	<header>
		<div id="header-content">
			<span id="marche"><a href="">Comment ça marche ?</a></span>
			<span class="bar-hp" id="bar-hp1"></span>
			<span id="download"><a href="">Télécharger l’application</a></span>
			<span id="connecter"><a href="login.php">Se connecter</a></span>
			<span class="bar-hp" id="bar-hp2"></span>
			<span id="inscrire">
					<a href="subscribe.php">Créer votre application  ></a>
			</span>
			
			<div id="logo">
			<a href=""><img src="images/hp-logo.png"></a>		
			</div>
		</div>
	</header>
	
	<div class="hp-form" id="form-create">
		<div class="form-title">
			<img src="images/menu-creation.png">
		</div>
		<form class="wedding_form" id="subscribe" class="wedding_form" method="post" action="inc/register.php">
		<div class="showText"></div>
			<div class="form_select">
				<input name="gender" class="select_value" type="hidden" value=""/>
				<p class="select_show">Civilité</p>
				<div class="select_options" style="display:none;">
					<a class="select_option" val="MALE">Mr<span class="selectable_opacity"></span></a>
					<a class="select_option" val="FEMALE">Mme<span class="selectable_opacity"></span></a>
				</div>
			</div>
			<div class="form-line">
				<input type="text" name="lastName"  placeholder="Nom*"/>
			</div>
			<div class="form-line">
				<input type="text" name="firstName"  placeholder="Prénom*"/>
			</div>
			<div class="form-line">
				<input type="email" name="email"  placeholder="Adresse e-mail*"/>
			</div>
			<div class="form-line">
				<input type="password" name="password" placeholder="Mot de passe*                          Entre 5 - 20 caractères" maxlength="20"/>
			</div>
			<div class="form-line">
				<input type="password" name="confirmPassword"  placeholder="Confirmation du mot de passe*" maxlength="20"/>
			</div>
			<div class="form_checkbox" style="margin-top:1px;">
				<input class="checkbox_value" type="hidden" name="savepass"id="savepass"/>
				<div class="checkbox_option"><span class="checkbox_icon"></span>Mémoriser mes informations</div>
			</div>
			<input type="submit" style="" class="btn-create button" name="submit" value="Créer mon compte">
		</form>
		<p class="form-desc">En cliquant ''Créer mon compte'', vous confirmez que vous acceptez<br />
			les <span>Conditions Générales</span> et la <span>Police de Confidentialité.</span></p>
		<a href="login.php" class="btn-deja button">Déjà inscrit? Se connecter</a>
	</div>
	
	<div class="shadow"></div>
	<footer>
			<div id="share-sns">
				<p class="share-text">Aimez-nous et suivez-nous sur <br />
					les réseaux sociaux</p>
				<a href="https://www.facebook.com/PromesseDuneVie" id="fb-sns"></a>
				<a href="https://www.twitter.com/PromesseDuneVie" id="tt-sns"></a>
			</div>
			<div id="foot-item">
					<div class="foot-buttons">
						<a href="">A propos de</a>
						<a href="">Presse</a>
						<a href="">Termes et conditions</a>
						<a href="">Contact</a>
						<a href="">Suggestions</a>
					</div>
					<p class="copyright">
						Copyright 2013 - Promesse d'une vie - Tous droits réservées. 
					</p>
			</div>	
	</footer>
	</div>
</body>

</html>